@import url( ../font-awesome.min.css );
html {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px;}
div {margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px;}
blockquote {margin: 0px; padding: 0px;}
pre {margin: 0px; padding: 0px;}
form {margin: 0px; padding: 0px;}
fieldset {margin: 0px; padding: 0px;}
figure {margin: 0px; padding: 0px;}
figcaption {margin: 0px; padding: 0px;}
table {margin: 0px; padding: 0px;}
th {margin: 0px; padding: 0px;}
td img {margin: 0px; padding: 0px;}
a {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
abbr {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
acronym {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
address {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
big {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
blockquote {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
body {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
caption {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
cite {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
code {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
dd {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;list-style: none;}
dl {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;list-style: none;}
dt {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; list-style:none;}
li {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;list-style: none;}
ol {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;list-style: none;}
ul {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; list-style: none;}
fieldset {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
form {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
h1 h2 h3 h4 h5 h6{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
time {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
html {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
img {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
ins {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
kbd {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
label {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
legend {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
p {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
pre {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
q {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
s {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
samp {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
small {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
span {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
strike {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
strong {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline;}
body {background: rgb(255, 255, 255); margin: 0px auto; text-align: left; color: rgb(51, 51, 51); line-height: 24px; font-family: ΢ÈíÑźÚ; font-size: 14px; font-weight: normal;}
body {padding-bottom: 47px;}
@media all and (min-width:768px){
	body {padding-bottom: 0px;}
	}
article {display: block;}
aside {display: block;}
details {display: block;}
figcaption {display: block;}
figure {display: block;}
footer {display: block;}
header {display: block;}
hgroup {display: block;}
menu {display: block;}
nav {display: block;}
section {display: block;}
.transition {transition:0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
a:link {background: none; -webkit-tap-highlight-color: transparent;}
a:active {background: none; -webkit-tap-highlight-color: transparent;}
a:visited {background: none; -webkit-tap-highlight-color: transparent;}
a:hover {background: none; -webkit-tap-highlight-color: transparent;}
button {border-radius: 0px; -webkit-border-radius: 0px;}
input {border-radius: 0px;}
img {border: 0px currentColor; border-image: none; vertical-align: middle;}
button {cursor: pointer;}
textarea {resize: none;}
a:link {color: rgb(51, 51, 51); text-decoration: none;}
a:visited {color: rgb(51, 51, 51); text-decoration: none;}
a:hover {color: rgb(208, 4, 4); text-decoration: none;}
a:active {color: rgb(208, 4, 4); text-decoration: none;}
.clearfix::after {height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: ".";}
.container {margin: 0px auto; padding: 0px; clear: both;}
img {height: auto !important; max-width: 100% !important;}
@media all and (min-width:768px){
	.container {width: 750px;}
	}
@media all and (min-width:992px){
	.container {width: 970px;}
	}
@media all and (min-width:1200px){
	.container {width: 1200px;}
	}
.banner {width: 100%; overflow: hidden; padding-top:10px; }
.banner .sections {height: 100%;}
.banner .section {height: 100%;}
.banner {position: relative;}
.sections {position: relative;}
.banner .pages {left: 50%; width: 100%; text-align: center; bottom: 5px; position: absolute; z-index: 999; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.banner .pages li {background: rgb(240, 240, 240); margin: 4px; border-radius: 50%; width: 8px; height: 8px; display: inline-block; opacity: 1;}
.banner .pages li.active {background: rgb(255, 192, 0) !important; border-radius: 2px; width: 20px; height: 8px;}
.NybMobTit {padding-top: 20px; clear: both;}
.NybMobTit h3 {text-align: center; color: rgb(50, 43, 57); line-height: 1; padding-bottom: 15px; clear: both; font-size: 20px; font-weight: bold;}
.NybMobTit p {padding: 0px 100px; text-align: center; color: rgb(42, 42, 42); line-height: 24px; clear: both; font-size: 16px; display: none;}
@media all and (min-width:768px){
	.NybMobTit {padding-top: 40px;}
	.NybMobTit h3 {padding-bottom: 15px; font-size: 30px;}
	.NybMobTit p {padding: 0px 30px; display: block;}
	}
@media all and (min-width:992px){
	.NybMobTit {padding-top: 50px;}
	.NybMobTit h3 {padding-bottom: 20px; font-size: 34px;}
	.NybMobTit p {padding: 0px 50px;}
	}
@media all and (min-width:1200px){
	.NybMobTit {padding-top: 70px;}
	.NybMobTit h3 {padding-bottom: 25px; font-size: 40px;}
	.NybMobTit p {padding: 0px 100px;}
	}
.guide-slider {width: 100%;}
.guide-list {padding: 5px;}
.guide-slider .guide {padding: 5px; transition:0.3s ease-in; width: 50%; overflow: hidden; float: left; position: relative; -webkit-transition: all ease-in .3s;}
.guide-slider .guide .display {transition:0.3s ease-in; width: 100%; text-align: center; overflow: hidden; float: left; position: relative; z-index: 2; -webkit-transition: all ease-in .3s;}
.guide-slider .guide .ga1 {background: url("../../images/ssdeco2019/a1.jpg") no-repeat bottom / cover rgb(246, 239, 230);}
.guide-slider .guide .ga2 {background: url("../../images/ssdeco2019/a2.jpg") no-repeat bottom / cover rgb(246, 239, 230);}
.guide-slider .guide .ga3 {background: url("../../images/ssdeco2019/a3.jpg") no-repeat bottom / cover rgb(246, 239, 230);}
.guide-slider .guide .ga4 {background:  url("../../images/ssdeco2019/a4.jpg") no-repeat bottom / cover rgb(246, 239, 230);}
.guide-slider .guide .display .NybMobOneUlBox {width: 100%; height: 100%; padding-top: 15px;}
.guide-slider .guide .display .NybMobOneUlBox span {background: url("../../images/ssdeco2019/mobonepic02.png") no-repeat top / cover; margin: 0px auto; width: 50px; height: 48px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 22px; font-weight: bold; display: block;}
.guide-slider .guide .display .NybMobOneUlBox h4 {padding: 15px 0px 10px; width: 100%; text-align: center; color: rgb(38, 38, 38); font-size: 16px; font-weight: bold;}
.guide-slider .guide .display .NybMobOneUlBox .NybMobOneUlTxt {padding: 0px 10px; width: 100%; text-align: center; color: rgb(35, 35, 35); line-height: 20px; font-size: 14px;}
.guide-slider .guide.ona .display {width: 150px;}
.guide-slider .guide .behind {display: none;}
.guide-slider .guide .display .NybMobOneUlBox .NybMobOneUlPro {padding-top: 10px; display: none;}
@media all and (min-width:320px){
	.guide-slider .guide .display .NybMobOneUlBox h4 {padding-top: 15px; font-size: 20px; background-color:rgba(255,255,255,0.8);}
	.guide-slider .guide .display .NybMobOneUlBox span {width: 73px; height: 65px; line-height: 65px; font-size: 26px; }
	.NybMobOneUlTxt{ display:none;}
	}
@media all and (max-width:767px){
	.guide-slider .guide .display .NybMobOneUlBox h4 {padding-top: 15px; font-size: 20px; background-color:rgba(255,255,255,0.8);}
	.guide-slider .guide .display .NybMobOneUlBox span {width: 73px; height: 65px; line-height: 65px; font-size: 26px; }	
	.NybMobThreeTxt {display: none;}
	}
@media all and (min-width:768px){
	.guide-slider .guide {width: 25%; float: left;}
	.guide-slider {padding-top: 20px;}
	.guide-slider .guide .display .NybMobOneUlBox h4 {padding-top: 20px; font-size: 24px; padding-botton:13px; background-color:rgba(255,255,255,0.8);}
	.guide-slider .guide .display .NybMobOneUlBox .NybMobOneUlTxt {font-size: 15px;}
	}
@media all and (min-width:992px){
	.guide-slider {padding-top: 30px;}
	.guide-list {padding: 0px;}
	.guide-slider .guide {margin: 0px 4px; padding: 0px; width: 234px; float: left;}
	.guide-slider .guide .display {width: 234px; height: 363px; float: left;}
	.guide-slider .guide .behind {background: rgb(245, 245, 245); top: 0px; width: 402px; height: 100%; right: 0px; overflow: hidden; display: inline-block; position: absolute; z-index: 1;}
	.guide-slider .guide .behind .function-list-wrap {margin: 0px auto; width: 100%;}
	.guide-slider .guide .behind .function-list {padding: 20px 10px;}
	.guide-slider .guide .behind .function-list > li {padding: 0px 10px; width: 50%; float: left;}
	.guide-slider .guide .behind .function-list > li > a {background: rgb(255, 255, 255); padding: 8px 0px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; text-align: center; color: rgb(51, 51, 51); line-height: 24px; margin-bottom: 10px; display: block;}
	.guide-slider .guide .behind .function-list > li > a:hover {background: rgb(208, 4, 4); border: 1px solid rgb(80, 180, 128); border-image: none; color: rgb(255, 255, 255); text-decoration: none;}
	.guide-slider .guide.on {width: 638px;}
	.guide-slider .guide.ona {width: 100px;}
	.guide-slider .guide.on .display {width: 236px;}
	}
@media all and (min-width:1200px){
	.guide-slider .guide {width: 292px;}
	.guide-slider .guide .display {width: 292px; height: 382px;}
	.guide-slider .guide.ona {width: 150px;}
	.guide-slider .guide.on {width: 718px;}
	.guide-slider .guide .behind {width: 482px;}
	}
.mobtwo .mobtwotit {padding: 15px 0px 20px; clear: both;}
.mobtwo .mobtwotit h3 {text-align: center; color: rgb(46, 46, 46); line-height: 1; clear: both; font-size: 20px; font-weight: bold;}
.mobtwo .mobtwotit p {display: none;}
.mobtwo .mobtwoUl {padding: 0px 5px;}
.mobtwo .mobtwoUl li.mobtwoUl01 {background: right top #dadada; padding: 30px 15px; width: 100%; margin-bottom: 5px; display: block; height:520px;}
.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox .mobtwoUltit {background: url("../../images/ssdeco2019/icon02.png") no-repeat left 0px; color: rgb(217, 0, 0); padding-bottom: 10px; padding-left: 40px; font-size: 16px; font-weight: bold; margin-bottom: 10px; position: relative;}
.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox .mobtwoUltit::after {left: 3px; width: 23px; height: 0px; bottom: 0px; border-top-color: rgb(86, 86, 86); border-top-width: 3px; border-top-style: solid; position: absolute; content: "";}
.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox h4 {font-size: 20px;}
.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox h4 a {color: rgb(86, 86, 86); display: block;}
.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox h4 a span { padding: 2px 25px 2px 10px; border-radius: 13px; border: 1px solid rgb(86, 86, 86); border-image: none; font-size: 12px; font-weight: normal; margin-left: 20px;}
.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox .mobtwoUlTxxt {padding: 10px 0px 25px; color: rgb(86, 86, 86); line-height: 24px; font-size: 12px;}
.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlPic {margin: 0px auto; width: 90%; text-align: center;}
.mobtwo .mobtwoUl li.mobtwoUl02 {background:  left #e5e5e5; width: 100%; display: block; height:255px;}
.mobtwo .mobtwoUl li.mobtwoUl03 {background: left rgb(209, 226, 245); width: 100%; display: block; height:255px;}
.mobtwo .mobtwoUl li .mobtwoUlBox h4 a {color: rgb(86, 86, 86);}
.mobtwo .mobtwoUl li .mobtwoUlBox p {color: rgb(86, 86, 86);}
.mobtwo .mobtwoUl li .mobtwoUlBox span a {color: rgb(86, 86, 86);}
.mobtwo .mobtwoUl li.mobtwoUl02 {padding: 20px 10px 20px 25px; margin-bottom: 5px; float: left;}
.mobtwo .mobtwoUl li.mobtwoUl03 {padding: 20px 10px 20px 25px; margin-bottom: 5px; float: left;}
.mobtwo .mobtwoUl li .mobtwoUlBox h4 a {padding: 10px 0px; font-size: 18px; display: block;}
.roComOne .mobtwoUl li .mobtwoUlBox p {padding: 10px 0px;}
.mobtwo .mobtwoUl li .mobtwoUlBox span a { padding: 2px 25px 2px 10px; border-radius: 13px; border: 1px solid rgb(86, 86, 86); border-image: none; line-height: 20px; font-size: 12px; display: inline-block;}
.mobtwo .mobtwoUl li.mobtwoUl02 .mobtwoUlBox p {padding: 10px 0px;}
.mobtwo .mobtwoUl li.mobtwoUl03 .mobtwoUlBox p {padding: 10px 0px;}
@media all and (min-width:320px){
	.mobtwo .mobtwoUl li.mobtwoUl02 {width: 50%;}
	.mobtwo .mobtwoUl li.mobtwoUl03 {width: 50%;}
	}
@media all and (min-width:768px){
	.mobtwo {padding: 30px 0px 0px;}
	.mobtwo .mobtwotit h3 {padding-bottom: 10px; font-size: 26px;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox .mobtwoUlTxxt {font-size: 14px;}
	.mobtwo .mobtwotit p {text-align: center; color: rgb(79, 79, 79); font-size: 14px; display: block;}
	.mobtwo .mobtwoUl {padding: 25px 0px 0px; margin-left: -10px;}
	.mobtwo .mobtwoUl li {margin-left: 10px;}
	.mobtwo .mobtwoUl li.mobtwoUl01 {padding: 30px; width: auto;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox .mobtwoUltit {margin-bottom: 20px;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox h4 a {font-size: 24px;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox h4 a span {font-size: 16px;}
	.mobtwo .mobtwoUl li.mobtwoUl02 {width: 180px;}
	.mobtwo .mobtwoUl li.mobtwoUl03 {width: 180px;}
	.mobtwo .mobtwoUl li.mobtwoUl02 h4 a {font-size: 22px;}
	.mobtwo .mobtwoUl li.mobtwoUl03 h4 a {font-size: 22px;}
	.mobtwo .mobtwoUl li.mobtwoUl02 span {display: none;}
	.mobtwo .mobtwoUl li.mobtwoUl03 span {display: none;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox h4 a span {background: url("../../images/ssdeco2019/arrow07.png") no-repeat 43px; padding: 2px 30px 2px 10px; font-weight: bold;}
	.mobtwo .mobtwoUl li .mobtwoUlBox span a {background: url("../../images/ssdeco2019/arrow07.png") no-repeat 38px; font-size: 14px; font-weight: bold;}
	}
@media all and (min-width:992px){
	.mobtwo {padding: 30px 0px 0px;}
	.mobtwo .mobtwotit h3 {padding-bottom: 15px; font-size: 40px;}
	.mobtwo .mobtwoUl {padding: 25px 0px 0px; margin-left: -15px;}
	.mobtwo .mobtwoUl li {margin-left: 15px;}
	.mobtwo .mobtwoUl li.mobtwoUl02 {width: 231px;}
	.mobtwo .mobtwoUl li.mobtwoUl03 {width: 231px;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox h4 a {line-height: 1; font-size: 32px;}
	.mobtwo .mobtwoUl li .mobtwoUlBox h4 a {line-height: 1; font-size: 28px;}
	.mobtwo .mobtwoUl li.mobtwoUl02 span {display: inline-block;}
	.mobtwo .mobtwoUl li.mobtwoUl03 span {display: inline-block;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox {padding-top: 60px; float: left;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlPic {width: 400px; float: right;}
	.mobtwo .mobtwoUl li .mobtwoUlPic img {transition:0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
	.mobtwo .mobtwoUl li:hover .mobtwoUlPic img {transition:0.5s; transform: scale(1.05); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
	}
@media all and (min-width:1200px){
	.mobtwo .mobtwotit h3 {padding-bottom: 18px; font-size: 40px;}
	.mobtwo {padding: 30px 0px 0px; clear: both;}
	.mobtwo .mobtwoUl {margin: 0px; padding-top: 35px;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox h4 a {font-size: 32px;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox .mobtwoUlTxxt {padding-top: 0px; padding-right: 100px; padding-bottom: 10px;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox .mobtwoUltit {margin-bottom: 14px;}
	.mobtwo .mobtwoUl li.mobtwoUl02 .mobtwoUlBox h4 a {line-height: 1; padding-top: 10px; padding-bottom: 15px; font-size: 28px;}
	.mobtwo .mobtwoUl li.mobtwoUl03 .mobtwoUlBox h4 a {line-height: 1; padding-top: 10px; padding-bottom: 15px; font-size: 28px;}
	.mobtwo .mobtwoUl li.mobtwoUl01 {margin: 0px; padding: 21px 40px 23px; width: 573px; float: left;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlBox {padding: 0px; float: none;}
	.mobtwo .mobtwoUl li.mobtwoUl01 .mobtwoUlPic {margin-top: 45px; margin-bottom: 42px; float: none;}
	.mobtwo .mobtwoUl li.mobtwoUl02 {width: 298px; overflow: hidden; padding-bottom: 0px; margin-bottom: 10px; margin-left: 10px; float: right;}
	.mobtwo .mobtwoUl li.mobtwoUl03 {width: 298px; overflow: hidden; padding-bottom: 0px; margin-bottom: 10px; margin-left: 10px; float: right;}
	.mobtwo .mobtwoUl li.mobtwoUl02 .mobtwoUlBox {width: 211px; float: left; position: relative; z-index: 2;}
	.mobtwo .mobtwoUl li.mobtwoUl03 .mobtwoUlBox {width: 211px; float: left; position: relative; z-index: 2;}
	.mobtwo .mobtwoUl li.mobtwoUl02 .mobtwoUlPic {float: right;}
	.mobtwo .mobtwoUl li.mobtwoUl03 .mobtwoUlPic {float: right;}
	}
	
.mobthree {clear: both; padding-top:15px;}
.mobthree .mobthreetit {padding: 15px 0px; text-align: center; color: rgb(46, 46, 46); line-height: 1; clear: both; font-size: 20px; font-weight: bold;}
.mobthree li {padding: 10px; width: 50%; float: left;}
.mobthree li .mobthreepic {width:100%; overflow: hidden; clear: both; display: block; }
.mobthree li .mobthreecon p {display: none;}
.mobthree li .mobthreecon span {display: none;}
.mobthree li .mobthreecon h4 {height: 40px; text-align: center; line-height: 20px; font-size: 12px; font-weight: normal; margin-top: 10px;}
@media all and (min-width:768px){
	.mobthree li {padding: 1px; width: 25%;}
	.mobthree .mobthreetit {padding: 30px 0px; font-size: 26px;}
	.mobthree li .mobthreecon h4 {padding: 10px 10px 0px; text-align: left; font-size: 14px; font-weight: bold;}
	.mobthree li .mobthreecon p {margin: 10px 10px 0px; color: rgb(17, 16, 12); font-size: 12px; display: block;}
	.mobthree li .mobthreecon p font {color: rgb(255, 192, 0);}
	}
@media all and (min-width:992px){
	.mobthree .mobthreetit {padding: 50px 0px; font-size: 40px;}
	.mobthree li .mobthreecon {padding-top: 10px; padding-bottom: 20px; margin-top: 0px;}
	.mobthree li .mobthreecon span.more a {padding: 0px 30px; border-radius: 17px; border: 1px solid rgb(17, 16, 12); border-image: none; color: rgb(66, 66, 66); line-height: 34px; font-size: 16px; display: inline-block;}
	.mobthree li .mobthreepic img {transition:0.5s; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; min-height:300px;}
	.mobthree li:hover .mobthreepic img {transition:0.5s; transform: scale(1.05); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
	.mobthree li .mobthreepic {position: relative;}
	}
@media all and (max-width:1199px) and (min-width:992px){
	.mobthree li:hover .mobthreepic .mobthreebg {background: url("../../images/ssdeco2019/mobthreebg.png") center; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;}
	.mobthree li .mobthreepic img {transition:0.5s; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; min-height:300px;}
	.mobthree li:hover .mobthreecon {background: rgb(255, 192, 0);}
	.mobthree li:hover .mobthreecon h2 a {color: rgb(255, 255, 255);}
	.mobthree li:hover .mobthreecon p {color: rgb(255, 255, 255);}
	.mobthree li:hover .mobthreecon p font {color: rgb(255, 255, 255);}
	.mobthree li:hover .mobthreecon p a {color: rgb(255, 255, 255);}
	.mobthree li:hover .mobthreecon span.more a {border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);}
	}
@media all and (min-width:1200px)
{
	.mobthree {height: 100%; padding-top: 0px;}
	.mobthree .mobthreetit {display: none;}
	.mobthree .mobthreeul {height: 100%; clear: both;}
	.mobthree li {height: 100%; padding-bottom: 165px; position: relative;}
	.mobthree li .mobthreepic {display: block; position: relative;}
	.mobthree li .mobthreepic .mobthreebg {
		background: url("../../images/ssdeco2019/mobthreebg.png") center; transition:0.5s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
	.mobthree li:hover .mobthreepic .mobthreebg {background: none; transition:0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
	.mobthree li .mobthreecon {background: rgb(255, 255, 255); padding: 30px 30px 0px; transition:0.5s; left: 1px; right: 1px; bottom: 0px; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
	.mobthree li .mobthreecon p {transition:0.5s; height: 0px; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
	.mobthree li .mobthreecon span.more {height: auto; text-align: center; overflow: hidden; display: block;}
	.mobthree li .mobthreecon h4 {height: 60px; text-align: center; line-height: 24px; font-size: 18px; margin-top: 0px;}
	.mobthree li .mobthreecon span.mun {background: url("../../images/ssdeco2019/line01.png") no-repeat center; margin: 0px auto; width: 140px; text-align: center; line-height: 1; font-family: "Impact"; font-size: 49px; display: block;}
	.mobthree li .mobthreecon span.more a {line-height: 35px; font-size: 18px;}
	.mobthree li:hover .mobthreecon span.more {padding-top: 20px;}
	.mobthree li:hover .mobthreecon span {transition:0.5s; height: 57px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
	.mobthree li:hover .mobthreecon p {height: 96px;}
	}
@media all and (min-width:1600px){
	.mobthree li .mobthreecon h4 {height: 40px;}
	}
.product {width: 100%; position: relative;}
.product .news-container {margin: 40px auto;}
.product .title-container h3 {color: rgb(102, 102, 102); line-height: 54px; font-size: 36px; margin-top: 30px;}
.product .title-container h3::after {background: red; margin: 0px auto; width: 24px; height: 1px; display: block; content: "";}
.news-a .news-title h3::after {display: none;}
.news-a .rele-news h3::after {display: none;}
.news-a.product-groom h3::after {display: none;}
.product .title-container li {margin: 0px 3%; border: 1px solid rgb(102, 102, 102); border-image: none; width: 44%; float: left;}
.product p {color: rgb(94, 87, 87); line-height: 26px; font-size: 15px;}
.title-nav {margin: 0px auto 20px; max-width: 1200px;}
.title-nav .top-title {padding: 14px 0px 14px 16px; width: 100%; margin-bottom: 1px; border-top-color: rgb(180, 180, 180); border-top-width: 1px; border-top-style: solid; float: left; position: relative; background-color: rgb(231, 19, 5);}
.case .title-nav .top-title {margin-top: 20px; background-color: rgb(255, 0, 0);}
.title-nav h3 {color: white; font-size: 15px; float: left;}
.title-nav span {color: white; font-size: 15px; float: left;}
.case .title-nav .top-title h3 {color: white;}
.case .title-nav .top-title span {color: white;}
.product1 h3 {color: rgb(114, 114, 114);}
.title-nav .top-title span {right: 20px; color: rgb(255, 255, 255); margin-left: 25px; position: absolute;}
.news-a .title-nav .top-title span {margin-right: 20px; float: right;}
.product-title {background: rgb(246, 246, 246); padding: 14px 0px 14px 16px; width: 15%; float: left; box-sizing: border-box;}
.title-nav.product1 {width: 100%; float: left;}
.title-nav.product2 {border: 1px solid rgb(180, 180, 180); border-image: none;}
.product1.product-1 {background: rgb(246, 246, 246); padding: 14px 0px 14px 16px; width: calc(85% - 1px); margin-bottom: 1px; margin-left: 1px; float: left; position: relative; box-sizing: border-box;}
.product1 .case-list {width: calc(90% - 1px);}
.product1.product-1 .menu {top: calc(50% - 13px); right: 5px; position: absolute; cursor: pointer;}
.product.product-1 a {color: rgb(114, 114, 114); font-size: 15px;}
.product-list.product-1 {background: rgb(246, 246, 246); width: 100%;}
.product-1 li {margin-left: 20px; float: left;}
.product2.product-title {padding-bottom: 165px;}
.product-wrap {margin: 0px auto 30px; text-align: center; position: relative; max-width: 1200px;}
.title-center .title-left a {color: rgb(114, 114, 114);}
.product-container {margin: 40px auto; max-width: 1200px;}
.product-container img {display: block;}
.product-container.product-1 {padding: 20px 0px 20px 20px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;}
.product-container.product-1:hover {background: rgb(241, 241, 242);}
.case.product-container.product-1:hover {background: rgb(255, 255, 255);}
.product-container.product-1.product-text:hover img {display: none;}
.case.product-container.product-1:hover img {display: block;}
.product-container .news-lt.product-text:hover a {color: red; text-decoration: underline;}
.product-container.product-1.product-text {padding-left: 30px;}
.product-container.product-1.product-img {float: left; position: relative;}
.product-container.product-1.product-text {float: left; position: relative;}
.product-container.product-1.product-img {padding-bottom: 32px;}
.product-container.product-text h3 {color: rgb(94, 87, 87); font-size: 15px;}
.product-container.product-text p {width: 600px; text-align: justify; color: rgb(94, 87, 87); line-height: 26px; font-size: 15px;}
.product-container.product-text .more {background: url("../../images/ssdeco2019/more.png") no-repeat; width: 170px; height: 40px; margin-top: 10px; display: block;}
.about {margin-bottom: 0px;}
.about > .top-title {margin-bottom: 0px;}
.news {margin-bottom: 0px;}
.news > .top-title {margin-bottom: 0px;}
.news ul {margin: 28px auto; max-width: 285px;}
.news ul a {color: rgb(102, 102, 102);}
.news ul a:hover {color:#dc0000;}
.news .news-img {background: rgb(246, 246, 246); margin: 0px 10px 20px; width: calc(100% /3 - 20px); height: auto; overflow: hidden; border-bottom-color: red; border-bottom-width: 1px; border-bottom-style: solid; float: left; position: relative; }
.news-img img{ max-height:210px; width:auto;}
.newsjia2{ width:100%; height:28px; line-height:28px; overflow:hidden; text-align:center;}
.newsjia{ width:100%; height:28px; line-height:28px; text-align:left; overflow:hidden;}
.new-text {padding: 20px 10px 40px; text-align: left;}
.new-text h3 {color: rgb(102, 102, 102); font-size: 15px; text-decoration: underline; margin-bottom: 20px;}
.new-text a {color: rgb(102, 102, 102); font-weight: bold; text-decoration: underline; margin-top: 10px;}
.new-text a:hover {color: red;}
.new-top {background: red; padding: 10px 0px; left: 0px; top: 0px; width: 86px; height: 86px; text-align: center; vertical-align: middle; position: absolute;}
.new-top h3 {font-size: 30px;}
.new-top h3 {color: white;}
.new-top p {color: white;}
@media all and (max-width:800px){
	.news .news-img {margin: 10px 1% !important; width: 98% !important;}
	}
#index .b {argin-top: 15px; position: relative;}
#index .b .b-bg {background-position: center; transition:0.3s; height: 552px; overflow: hidden; display: none; position: relative; background-repeat: no-repeat; background-size: 100%; -webkit-transition: all .3s ease;}
#index .b .b-bg video {position: relative;}
@media all and (max-width:759px) and (min-width:300px){
	#index .b .b-bg {height: 453px;}
	}
#index .b .b-bg-r {padding: 30px 15px; top: 0px; width: 100%; height: 100%; right: 0px; position: absolute; background-color: rgba(35, 45, 51, 0.75);}
#index .b .b-bg-r h3 {color: rgb(218, 37, 29); font-size: 2.42em;}
#index .b .b-bg-r h4 {padding: 4px 0px 10px; font-size: 1.57em; margin-bottom: 14px; border-bottom-color: rgb(218, 37, 29); border-bottom-width: 3px; border-bottom-style: solid;}
#index .b .b-bg-r p {line-height: 28px;}
#index .b-b {left: 15px; bottom: 5%; color: rgb(127, 127, 127); font-size: 34px; position: absolute;}
#index .b-b i {margin: 0px 7px; cursor: pointer;}
@media all and (min-width:450px){
	#index .b .b-bg-r {padding: 92px 34px 34px;}
	#index .b-b {left: 34px;}
	}
@media all and (min-width:760px){
	#index .b .b-bg-r p {font-size: 1pc;}
	#index .b .b-bg-r {width: 48.5%; max-width: 436px;}
	#index .b-b {left: 409px;}
	}
@media all and (min-width:1000px){
	#index .b-b {left: 578px;}
	}
@media all and (min-width:1200px){
	#index .b-b {left: 778px;}
	}